<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"> 
 
<head> 
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
	<title>湖南省自来水公司营销管理信息系统</title> 
	
	<link rel="stylesheet" href="./css/reset.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="./css/text.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="./css/form.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="./css/buttons.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="./css/grid.css" type="text/css" media="screen" title="no title" />	
	<link rel="stylesheet" href="./css/layout.css" type="text/css" media="screen" title="no title" />	
	
	<link rel="stylesheet" href="./css/ui-darkness/jquery-ui-1.8.12.custom.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="./css/plugin/jquery.visualize.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="./css/plugin/facebox.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="./css/plugin/uniform.default.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="./css/plugin/dataTables.css" type="text/css" media="screen" title="no title" />
	
	<link rel="stylesheet" href="./css/custom.css" type="text/css" media="screen" title="no title">
	<script src="js/jquery/jquery-3.3.1.js"></script>
	<script src="/webjars/vue/2.5.17/dist/vue.js"></script>
</head> 
 
<body> 

<div id="wrapper">



	<div id="bool"><script>window.onload=function (){  $("#bool").load("/ming.html");}</script></div>
	
	<div id="content" class="xgrid">
		
		<div id="welcome" class="x4">			
			
			<p><strong><a href="./pages/text.html"></a></strong><br /></p>
			
			<table class="data info_table">
				<tbody>	
					
					<tr>
					 	<td class="value right" v-text="workep.user">789</td>
						<td class="full">本月新增用户数</td>
					</tr>
					<tr>
						<td class="value right" v-text="workep.meter">23857</td>
						<td class="full">本月应抄表数</td>
					</tr>
					<tr>
						<td class="value right"   v-text="workep.copy">23857</td>
						<td class="full">本月实抄表数</td>
					</tr>
					<tr>
						<td class="value right"  v-text="workep.used">3459391 吨</td>
						<td class="full">本月用水量</td>
					</tr>
					<tr>
						<td class="value right">13459391.49 元</td>
						<td class="full">本月应收水费</td>
					</tr>
					<tr>
						<td class="value right">10385394.12 元</td>
						<td class="full">本月实收水费</td>
					</tr>
					
				</tbody>
			</table>
			
		</div> <!-- .x4 -->
			
		<div class="x8">
			<table class="stats" data-chart="bar">
				<caption>收费情况统计图表</caption>
				<thead>
						<tr>
							<td>&nbsp;</td>
							<th>2013年09月</th>
							<th>2013年10月</th>
							<th>2013年11月</th>
							<th>2013年12月</th>
							<th>2014年01月</th>
							<th>2014年02月</th>
						</tr>

					</thead>
					
					<tbody>
						<tr>
							<th>应收（万元）</th>
							<td>945</td>
							<td>845</td>
							<td>1445</td>
							<td>1145</td>
							<td>1245</td>
							<td>845</td>
						</tr>
						<tr>
							<th>实收（万元）</th>
							<td>945</td>
							<td>745</td>
							<td>1045</td>
							<td>845</td>
							<td>745</td>
							<td>245</td>
						</tr>							
					</tbody>
			</table>
		</div> <!-- .x8 -->
		
		<div class="xbreak"></div> <!-- .xbreak -->
			
			
			
		<div class="x5 a1">
			
			<h2>用水类型统计</h2>
			
			<table class="stats" data-chart="pie">
				<caption>2014年02月用水类型占比表</caption>
				<thead>
					<tr>
						<td>&nbsp;</td>
						<th>&nbsp;</th>
					</tr>
				</thead>
				<tbody>
					<tr v-for="r in list"><th>
						{{r.CostTypeName}}</th>
						<td v-text="r.amount">{{r.amount}}</td></tr>
				</tbody>
			</table>
			
			<p>以上数据由系统自动生成，在本月结算之前，都不能视为正式数据，此图表仅供参考。</p>
			
		</div> <!-- .x5 -->
		
		
			
		<div class="x6">
			
			<h2>
				待处理的工单
				<span class="fright "><a href="./page/be_order.html" class="ticket closed" style="color:#fff;">更多</a></span>
			</h2>
			
			<table class="data support_table">
				<tbody>
				<tr v-for="o in beOrder">
					<td><span class="ticket responded" v-text="o.OrderType == '1' ? '新户' : o.OrderType == '2' ? '分户' : o.OrderType == '3' ? '过户' : o.OrderType == '4' ? '代扣' :
                            o.OrderType == '5' ? '换表' : o.OrderType == '6' ? '重签' : o.OrderType == '7' ? '销户' : ''">新户</span></td>
					<td><span class="ticket open" v-text="o.StepName">初步审核</span></td>
					<td class="full"><a href="./page/be__auditForm.html" target="_blank" v-text="o.Address">雨花区南门口东风巷子12号</a></td>
					<td class="who"><a href="./page/be__auditForm.html" target="_blank" v-text="o.UserName">张三</a></td>
				</tr>

				</tbody>
			</table>
		</div> <!-- .x6 -->
		
		<a href="./page/error.html">出错演示页</a> |
		<a href="./page/success.html">成功演示页</a>
		
	</div> <!-- #content -->
	<script>
	var content=new Vue({
		el:"#content",
		data:{
			list:'',
			amount:0,
			beOrder:'',
            workep:''
		},
		watch:{
		list:function () {
          this.$nextTick(function () {

			  $(document).ready ( function () {
				  Dashboard.init();
			  });
		  })
		}

		},
		created(){
    $.getJSON("../Syemp/workspace",{},function(json){
        content.workep=json[0];
    });
		$.getJSON("/rd-read/querywater",function(json){

			content.list=json;
			$.each(json,function(){
				if(this.amount!=undefined)
				content.amount=content.amount+this.amount;
			})
			for (r in content.list){
				if(content.list[r].amount==undefined){
					content.list[r].amount=0;
				}
			}
		//	alert(JSON.stringify(content.list)+" "+content.amount)
		});
		//查询工单最后处理
			$.getJSON("/be-order/limitBeOrderSQL",function(json){
				content.beOrder=json;
			});
		}
	})
	</script>
	
	<div id="footer">		
		<div class="content_pad">			
			<p>&copy; 2013-11 版权所有 <a href="#">湖南省自来水公司</a>.   技术支持 <a href="#">职业教育</a>.</p>
		</div> <!-- .content_pad -->
	</div> <!-- #footer -->		
	
</div> <!-- #wrapper -->

<script src="./js/jquery/jquery-1.5.2.min.js"></script>
<script src="./js/jquery/jquery-ui-1.8.12.custom.min.js"></script>
<script src="./js/misc/excanvas.min.js"></script>
<script src="./js/jquery/facebox.js"></script>
<script src="./js/jquery/jquery.visualize.js"></script>
<script src="./js/jquery/jquery.dataTables.min.js"></script>
<script src="./js/jquery/jquery.tablesorter.min.js"></script>
<script src="./js/jquery/jquery.uniform.min.js"></script>
<script src="./js/jquery/jquery.placeholder.min.js"></script>
<script src="/js/vue.js"></script>
<script src="./js/widgets.js"></script>
<script src="./js/dashboard.js"></script>

<script type="text/javascript">

</script>

</body> 
 
</html>